<!doctype html>
<html ng-app="vorder" class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>大象与猩猩</title>
<meta name="description" content="大象与猩猩">
<meta name="keywords" content="index">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png"
	href="../bootstrap/img/glyphicons-halflings.png">
<link rel="apple-touch-icon-precomposed"
	href="../assets/i/app-icon72x72@2x.png">
<link href="../bootstrap/css/bootstrap.css">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="../assets/css/amazeui.min.css" />
<link rel="stylesheet" href="../assets/css/admin.css">
<link rel="stylesheet" href="../js/sweet-js/sweet-alert.css">
<!-- SPELLS -->

</head>
<body ng-controller="verifyOrderController">
	<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->
	<header class="am-header am-header-default am-no-layout">
		<div class="am-header-left am-header-nav">
			<a ng-click="goBack();"><img class="am-header-icon-custom"
				src="data:image/svg+xml;charset=utf-8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 12 20&quot;&gt;&lt;path d=&quot;M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z&quot; fill=&quot;%23fff&quot;/&gt;&lt;/svg&gt;"
				alt=""> </a>
		</div>
		<h1 class="am-header-title">
			<a href="#title-link">订单确认</a> <a href="javascript: void(0)"></a>
		</h1>
	</header>


	<!-- 选择之类的 -->
	<div class="am-list-news-bd">
		<ul class="am-list am-list-border">
			<li class="am-g"><a data-am-modal="{target: '#doc-modal-1'}">
					配送方式 :<span class="am-fr">{{ deliveryType? deliveryType: "请选择收货地址"}}<i
						class="am-icon-chevron-right am-fr"></i></span>
			</a></li>
			<li ng-hide=true class="am-g"><a data-am-modal="{target: '#doc-modal-2'}">
					配送时间 <span class="am-fr">{{ deliveryType? deliveryType: "请选择收货地址"}}<i
						class="am-icon-chevron-right am-fr"></i></span>
			</a></li>
			<li class="am-g"><a data-am-modal="{target: '#doc-modal-3'}">
					支付方式 <span class="am-fr">{{ payType? payType: "请选择付款方式" }}<i
						class="am-icon-chevron-right am-fr"></i></span>
			</a></li>
		</ul>
	</div>

	<!-- 商品详情  -->
	<div class="">
		<span style="padding-left: 4%"> 商品清单</span>
		<button class="am-btn am-btn-xs am-fr"
			data-am-collapse="{target: '#collapse-nav'}">
			Menu <i class="am-icon-bars"></i>
		</button>
	</div>
	<hr data-am-widget="divider" style="border: thin;"
		class="am-divider am-divider-one" />
	<ul class="am-list am-in" id="collapse-nav">
		<!--缩略图在标题左边-->
		<li
			class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
			<div class="am-u-sm-6 am-list-thumb">
				<a> <img ng-src="{{ baseUrl+product.thumbId }}"
					alt="我很囧，你保重....晒晒旅行中的那些囧！">
				</a>
			</div>
			<div class="am-u-sm-6 am-list-main">
				<h3 class="am-list-item-hd">{{ product.description }}</h3>
				<h4 class="am-list-item-text">{{ product.specification }}</h4>
				<h3 style="color: green;" class="am-text-lg">
					￥{{ product.price }}<a class="am-list-item-text">&nbsp;x
						{{amount}} = </a> <span class="am-text-xxl" style="color: red;">{{
						totalprice= product.price * amount }} </span>
				</h3>
			</div>
		</li>
	</ul>


	<!-- 统计  -->
	<ul class="am-list am-list-border" id="collapse-nav">
		<!--缩略图在标题左边-->
		<li
			class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
			<div class="am-u-sm-12 am-list-main">
				<span class="am-fr" style="color: red;">￥{{ product.price *
					amount }}</span> 商品总价
			</div>
		</li>
		<li
			class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
			<div class="am-u-sm-12 am-list-main">
				<span class="am-fr" style="color: red;">￥0</span> 运费
			</div>
		</li>
		<li
			class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
			<div class="am-u-sm-12 am-list-main">
				<span class="am-fr" ng-init="discount=0">￥{{ discount }}</span> 商品减免
			</div>
		</li>
		<li
			class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
			<div class="am-u-sm-12 am-list-main">
				<span class="am-fr"></span>
			</div>
		</li>
	</ul>

	<div class=" am-navbar am-block">
		<ul class="">
			<li class="">
				<div class="am-u-sm-12 am-list-main am-btn am-btn-default"
					style="background-color: #;">
					<button class="am-round am-btn-xl am-btn-danger  am-fr"
						ng-click="addOrder()">确认订单</button>
					<span class="am-fl" style="color: orange;">共计：{{ totalprice
						}} 元</span>
				</div>
			</li>
		</ul>
	</div>

	<!-- modals  -->
	<!-- sendType  -->
	<div class="am-modal am-modal-prompt am-modal-out" tabindex="-1"
		id="doc-modal-1" style="display: none; margin-top: -84px;">
		<div class="am-modal-dialog">
			<div class="am-modal-hd">配送方式</div>
			<div class="am-modal-bd">
				<div class="am-btn-group">
					<label class="am-btn am-btn-primary am-radius"><input
						type="radio" checked="checked" name="doc-radio" value="自提" data-ng-model="deliveryType">自提</label>
					<label class="am-btn am-btn-primary am-radius disabled">
					<input disabled type="radio" name="doc-radio" value="快递" data-ng-model="deliveryType">快递</label>
				</div>
			</div>
		<!-- 	<div class="am-modal-footer">
				<span class="am-modal-btn" data-am-modal-cancel data-ng-click="cancel()">取消</span>
				<span class="am-modal-btn" data-am-modal-confirm data-ng-click="">提交</span>
			</div> -->
		</div>
	</div>
	<!-- GET  -->
	<div class="am-modal am-modal-prompt am-modal-out" tabindex="-1"
		id="doc-modal-2" style="display: none; margin-top: -84px;">
		<div class="am-modal-dialog">
			<div class="am-modal-hd">自提时间</div>
			<div class="am-modal-bd">
				<div>
					<label class="am-btn am-btn-sm am-btn-primary am-radius"><input
						type="radio" name="doc-radio" data-ng-model="type" value="option1">当天</label>
					<label class="am-btn am-btn-sm am-btn-primary am-radius"><input
						type="radio" name="doc-radio" data-ng-model="type" value="option2">第二天</label>
					<label class="am-btn am-btn-sm am-btn-primary am-radius"><input
						type="radio" name="doc-radio" data-ng-model="type" value="option3">第三天</label>
				</div>
			</div>
		<!-- 	<div class="am-modal-footer">
				<span class="am-modal-btn" data-am-modal-cancel="">取消</span> <span
					class="am-modal-btn" data-am-modal-confirm="">提交</span>
			</div> -->
		</div>
	</div>
	<!-- PAY -->
	<div class="am-modal am-modal-prompt am-modal-out" tabindex="-1"
		id="doc-modal-3" style="display: none; margin-top: -84px;">
		<div class="am-modal-dialog">
			<div class="am-modal-hd">支付方式</div>
			<div class="am-modal-bd">
				<div>
					<label class="am-btn am-btn-sm am-btn-primary am-radius"><input
						type="radio" name="doc-radio" value="支付宝" data-ng-model="payType">支付宝</label>
					<label class="am-btn am-btn-sm am-btn-primary am-radius"><input
						type="radio" name="doc-radio" value="微信支付" data-ng-model="payType">微信支付</label>
				</div>
			</div>
		<!-- 	<div class="am-modal-footer">
				<span class="am-modal-btn">取消</span> <span class="am-modal-btn">提交</span>
			</div> -->
		</div>
	</div>



	<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/polyfill/rem.min.js"></script>
<script src="assets/js/polyfill/respond.min.js"></script>
<script src="assets/js/amazeui.legacy.js"></script>
<![endif]-->

	<!--[if (gte IE 9)|!(IE)]><!-->
	<script src="../assets/js/jquery.min.js"></script>
	<script src="../assets/js/amazeui.min.js"></script>
	<!--<![endif]-->
	<script src="../assets/js/app.js"></script>

	<!--alert  -->
	<script type="text/javascript" src="../js/sweet-js/sweet-alert.js"></script>

	<!-- angular js -->
	<script src="../js/angular/angular.min.js"></script>
	<script src="../js/angular/angular-route.min.js"></script>

	<script type="text/javascript"
		src="../controller/verifyOrderController.js"></script>
</body>
</html>